<%--
  Created by IntelliJ IDEA.
  User: xiaoding
  Date: 2021/1/8
  Time: 16:57
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<html>
<head>
    <title>图书借阅</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/css/Style.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/css/search.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/css/index.css">
    <script src="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/js/JQuery.js" type="text/javascript" charset="utf-8"></script>
    <script src="${pageContext.request.contextPath}/bootstrap-3.3.7-dist/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
    <script>
        $(function () {
            $(".span-right").click(function () {
                //判断内容是否为空
                if ($("#search").val() != "") {
                    window.location.href = "NextHistoryServlet?flag=searchBorrow&bName="+$("#search").val();
                }else {
                    window.location.href = "NextHistoryServlet?flag=selectBorrow";
                }
            });
        });
    </script>
</head>
<body>
    <%-- 头部 开始 --%>
    <jsp:include page="head.jsp"/>
    <%-- 头部 结束 --%>

    <%-- 主体 开始 --%>
    <div class="main">
        <%-- 主体左边 开始 --%>
        <jsp:include page="left.jsp"/>
        <%-- 主体左边 结束 --%>

        <%-- 主体右边 开始 --%>
        <div class="main-right">
            <%-- 主体右边头部 开始 --%>
            <div class="main-right-top">
                <div>
                    <h3>图书借阅>查询</h3>
                </div>

                <div class="main-right-top-bottom">
                    <span class="span-left">图书名称</span>
                    <input type="text" name="search" id="search"/>
                    <span class="span-right">搜索</span>
                </div>
            </div>
            <%-- 主体右边头部 结束 --%>

            <%-- 内容 开始  --%>
            <div class="main-right-bottom">
                <table class="table table-bordered">
                    <tr class="trTitle">
                        <th>用户名称</th>
                        <th>图书名称</th>
                        <th>状态</th>
                        <th>借阅时间</th>
                        <th>归还时间</th>
                        <th>操作</th>
                    </tr>
                    <c:forEach items="${requestScope.history}" var="list">
                        <tr>
                            <th>${list.uName}</th>
                            <th>${list.bName}</th>
                            <th>${list.flag}</th>
                            <th>
                                <fmt:formatDate value="${list.borrowDate}" type="date" var="date1"/>
                                    ${date1}
                            </th>
                            <th>
                                <fmt:formatDate value="${list.dateOfReturn}" type="date" var="date2"/>
                                    ${date2}
                            </th>
                            <th><a href="NextHistoryServlet?flag=update&hId=${list.hId}&page=${param.page}&bName=${param.bName}">归还</a></th>
                        </tr>
                    </c:forEach>
                </table>
            </div>
            <%-- 内容 结束  --%>

            <%-- 分页 开始 --%>
            <div class="page">
                ${requestScope.pageUtil}
            </div>
            <%-- 分页 结束 --%>
        </div>
        <%-- 主体右边 结束 --%>
    </div>
    <%-- 主体 结束 --%>

    <%-- 尾部 开始 --%>
    <jsp:include page="footer.jsp"/>
    <%-- 尾部 结束 --%>
</body>
</html>
